<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/index.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<!--[if IE 6]>
	<link href="css/ie6.css" type="text/css" rel="stylesheet" />

    <script src="js/dd_belated_png.js"></script>
	<script>DD_belatedPNG.fix('#logo a, .h-box-1 img, .h-box-2 img, .brochure img');</script>  
<![endif]-->

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="js/slideswitch.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script src="js/Liberation_Sans_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
	Cufon.replace('h1');
	Cufon.replace('h2');	
	Cufon.replace('h3');
	Cufon.replace('h4');							   	
</script>

<title>portfolio</title>
</head>

<body>
<div id="body-wrapper">
    <div class="clearfix">
        <div id="logo">
            <a href="homepage.html">Media consult logo</a>
            <p class="logo-desc">your attractive and simple slogan</p>
        </div>
        <form action="#" method="post">
            <fieldset class="search-fieldset">
                <input type="text" class="search-input" value="search" name="search" />
                <input type="submit" value="" class="input-arrow" />
            </fieldset>
        </form>
    </div>	
    
    <div class="main-menu-wrapper">
        <div id="myslidemenu" class="jqueryslidemenu">
            <ul class="primary-menu">
                <li><a href="homepage.html">Home</a></li>
                <li><a href="about_us.html">About Us</a></li>
                <li><a href="services.html">Services</a>
                	<ul>
                        <li><a href="#">Corporate Publishing</a></li>
                        <li><a href="#">Interactive &amp; Onscreen Production</a></li>	
                        <li><a href="#">Advertising</a></li>   
                        <li><a href="#">Event Management</a></li>   
                        <li><a href="#">Integrated Communications</a></li>                                                                    
                        <li><a href="#">Public Relations</a></li>                                                  
                    </ul>
                </li>
                <li><a href="#">Page Types</a>
                    <ul>
                        <li><a href="homepage.html">Index Page</a></li>
                        <li><a href="about_us.html">About Us</a></li>	
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="#">Blog - submenu entry</a>
                            <ul>
                                <li><a href="blog_itemlist.html">Blog Item List</a></li>
                                <li><a href="blog_detail.html">Blog Item Detail</a></li>
                            </ul>                
                        </li>
                        <li><a href="#">Other pages - submenu entry</a>
                            <ul>
                                <li><a href="article_detail.html">Article Detail</a></li>                    
                                <li><a href="news_list.html">News Page</a></li>                                                
                                <li><a href="services.html">Our Services</a></li>                                                                        
                                <li><a href="portfolio.html">Portfolio</a></li>                                                          
                                <li><a href="contact.php">Contact</a></li>   
                            </ul>                          
                        </li>                                         
                    </ul>
                </li>
                <li><a href="blog_itemlist.html">Blog</a></li>
                <li><a href="contact.php">Contact</a></li>
            </ul>
        </div>
    </div>
	
    <div id="full">
		<div class="interior-header">
        	<h2 class="full-h">Portfolio / Case studies</h2>
            <p class="intheader-paragraph">
				This page is a beautfil and clean  example of portfolio or case studies index. This paragraph can be extended, the design of 
                this template is very flexible and you can write here as much text / information as you desire.
            </p>          
        </div>
        <div class="interior-content">
			<ul class="portfolio-wrapper">
            	<li>
                	<h4><a href="#">Ta'eed Business Cards</a></h4>
                    <a href="#"><img src="img/portfolio_img1.jpg" width="287" height="129" alt="" class="img-border" /></a>
                </li>
            	<li>
                	<h4><a href="#">Rockablepress website</a></h4>
                    <a href="#"><img src="img/portfolio_img2.jpg" width="287" height="129" alt="" class="img-border" /></a>
                </li>
            	<li>
                	<h4><a href="#">A minicards package</a></h4>
                    <a href="#"><img src="img/portfolio_img3.jpg" width="287" height="129" alt="" class="img-border" /></a>
                </li>    
            	<li>
                	<h4><a href="#">Visual identity and branding</a></h4>
                    <a href="#"><img src="img/portfolio_img4.jpg" width="287" height="129" alt="" class="img-border" /></a>
                </li>
            	<li>
                	<h4><a href="#">Media Consult Brochure</a></h4>
                    <a href="#"><img src="img/portfolio_img5.jpg" width="287" height="129" alt="" class="img-border" /></a>
                </li>
            	<li>
                	<h4><a href="#">Investments and advertising campaigns</a></h4>
                    <a href="#"><img src="img/portfolio_img6.jpg" width="287" height="129" alt="" class="img-border" /></a>
                </li>   
            	<li>
                	<h4><a href="#">Learn how to protect your investments</a></h4>
                    <a href="#"><img src="img/portfolio_img7.jpg" width="287" height="129" alt="" class="img-border" /></a>
                </li>
            	<li>
                	<h4><a href="#">Business activity monitoring</a></h4>
                    <a href="#"><img src="img/portfolio_img8.jpg" width="287" height="129" alt="" class="img-border" /></a>
                </li>
            	<li>
                	<h4><a href="#">Advanced Solutions Template</a></h4>
                    <a href="#"><img src="img/portfolio_img9.jpg" width="287" height="129" alt="" class="img-border" /></a>
                </li>                                                               
            </ul>
			<!-- END of portfolio list -->
		</div>    	
    </div>

    <div id="footer">
    	<ul>
        	<li><a href="homepage.html">Home</a></li>
        	<li><a href="about_us.html">About Us</a></li>
        	<li><a href="services.html">Services</a></li>
        	<li><a href="portfolio.html">Case Studies</a></li>
        	<li><a href="news_list.html">News</a></li>
        	<li><a href="contact.php">Contact</a></li>                                                            
        </ul>
        <div class="copyright">&copy; 2009 <a href="#">Media Consult</a>. All rights reserved.</div>
    </div>  
</div>

</body>
</html>
